<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css">
  <link rel="stylesheet" href="css/index.css">
  <title>首页</title>
</head>

<body>
  <!-- 导航栏 -->
  <nav class="navbar navbar-default">
    <div class="container niu-nav">
      <!-- Brand and toggle get grouped for better mobile display -->
      <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
          data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="#">
          <img src="images/1.jpg" alt="" height="100%">
        </a>
      </div>

      <!-- Collect the nav links, forms, and other content for toggling -->
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav navbar-right">
          <li><a href="#" class="active">首页</a></li>
          <li><a href="#">解决方案</a></li>
          <li><a href="#">资讯中心</a></li>
          <li><a href="#">案例展示</a></li>
          <li><a href="#">了解牛牛豆</a></li>
        </ul>
      </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
  </nav>
  <!-- 轮播图 -->
  <div class="container-fluid banner">
    <div id="mybanner" class="carousel slide" data-ride="carousel">
      <!-- Indicators -->
      <ol class="carousel-indicators hidden-xs">
        <li data-target="#mybanner" data-slide-to="0" class="active"></li>
        <li data-target="#mybanner" data-slide-to="1"></li>
        <li data-target="#mybanner" data-slide-to="2"></li>
      </ol>
      <!-- Wrapper for slides -->
      <div class="carousel-inner" role="listbox">
        <div class="item active">
          <img src="images/2.jpg" alt="...">
          <div class="carousel-caption">
            <div class="visible-lg banbtn">
              Learn more
            </div>
          </div>
        </div>
        <div class="item">
          <img src="images/2.jpg" alt="...">
          <div class="carousel-caption">
            <div class="visible-lg banbtn">
              Learn more
            </div>
          </div>
        </div>
        <div class="item">
          <img src="images/2.jpg" alt="...">
          <div class="carousel-caption">
            <div class="visible-lg banbtn">
              Learn more
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- 顶级服务 -->
  <div class="container good">
    <div class="row">
      <div class="col-sm-12">
        <h3 class="text-center">我们主打的顶级服务</h3>
        <p>Our services</p>
      </div>
    </div>
    <div class="row">
      <div class="col-xs-4 col-sm-4">
        <img src="images/3.jpg" alt="" class="center-block">
        <h4 class="text-center">移动端应用开发解决方案</h4>
        <p class="text-center">牛牛豆为各个行业提供专业的APP开发方案，互动营销小游戏解决方案</p>
      </div>
      <div class="col-xs-4 col-sm-4">
        <img src="images/4.jpg" alt="" class="center-block">
        <h4 class="text-center">高品质网站解决方案</h4>
        <p class="text-center">牛牛豆作为专业的广州网站建设公司，集团队智慧为您提供专业的企业门户解决方案</p>
      </div>
      <div class="col-xs-4 col-sm-4">
        <img src="images/5.jpg" alt="" class="center-block">
        <h4 class="text-center">微信应用解决方案</h4>
        <p class="text-center">牛牛豆有着的微信应用开发经验，积累了众多互动社区的开发经验</p>
      </div>
    </div>
    <div class="row">
      <div class="col-xs-4 col-sm-4">
        <img src="images/6.jpg" alt="" class="center-block">
        <h4 class="text-center">IT人才培养服务
        </h4>
        <p class="text-center">牛牛豆有着多年在PHP网站开发经验，也为各个企业提供PHP，UI设计，网站前端的人才</p>
      </div>
      <div class="col-xs-4 col-sm-4">
        <img src="images/7.jpg" alt="" class="center-block">
        <h4 class="text-center">电子商务平台解决方案</h4>
        <p class="text-center">B2B，B2C，搜索引擎优化，基于多年网络营销和在电子商务运营的基础上形成的解决方案</p>
      </div>
      <div class="col-xs-4 col-sm-4">
        <img src="images/8.jpg" alt="" class="center-block">
        <h4 class="text-center">企业信息化解决方案</h4>
        <p class="text-center">采用领先的BS方式，提供OA系统，ERP，CRM等常见的BS管理系统的解决方案</p>
      </div>
    </div>
  </div>
  <!-- 心血大作 -->
  <div class="container-fluid" style="background:#fafafa">
    <div class="container blood">
      <div class="row">
        <div class="col-sm-12">
          <h3 class="text-center">我们历年的心血大作</h3>
          <p>Our services</p>
        </div>
      </div>
      <div class="row">
        <div class="col-xs-4  col-sm-4">
          <img src="images/9.jpg" alt="">
        </div>
        <div class="col-xs-4  col-sm-4">
          <img src="images/10.jpg" alt="">
        </div>
        <div class="col-xs-4  col-sm-4">
          <img src="images/11.jpg" alt="">
        </div>
      </div>
      <div class="row">
        <div class="col-xs-4  col-sm-4">
          <img src="images/12.jpg" alt="">
        </div>
        <div class="col-xs-4  col-sm-4">
          <img src="images/13.jpg" alt="">
        </div>
        <div class="col-xs-4  col-sm-4">
          <img src="images/14.jpg" alt="">
        </div>
      </div>
      <div class="row">
        <a class="col-xs-10 col-xs-offset-1 col-sm-2 col-sm-offset-5 btn blood-btn">
          Learn more
        </a>
      </div>
    </div>
  </div>
  <!-- 发展历程 -->
  <div class="container road">
    <div class="row">
      <div class="col-sm-12">
        <h3 class="text-center">我们的发展历程</h3>
        <p>OUR development history</p>
      </div>
    </div>
    <div class="row">
      <div class="col-sm-4">
        <img src="images/15.jpg" alt="">
        <h4>牛牛豆公司于2015年3月15号成立</h4>
        <p>在整个经济大环境不好的情况下，但是我们牛牛豆人依然逆境而上，新公司于2015年......
        </p>
      </div>
      <div class="col-sm-4">
        <img src="images/16.jpg" alt="">
        <h4>展望2016，牛牛豆继续创造辉煌</h4>
        <p>在整个经济大环境不好的情况下，但是我们牛牛豆人依然逆境而上，新公司于2016年......
        </p>
      </div>
      <div class="col-sm-4">
        <img src="images/17.jpg" alt="">
        <h4>展望2016，牛牛豆继续创造辉煌</h4>
        <p>在整个经济大环境不好的情况下，但是我们牛牛豆人依然逆境而上，新公司于2015年......
        </p>
      </div>
    </div>
    <div class="row">
      <a class="col-xs-10 col-xs-offset-1 col-sm-2 col-sm-offset-5 btn road-btn">
        Learn more
      </a>
    </div>
  </div>

  <!-- 页脚 -->
  <div class="container-fluid footer">
    <div class="row">
      <div class="container ">
        <div class="hidden-xs hidden-sm col-md-3 foot-img">
          <img src="images/18.jpg" alt="" >
        </div>
        <div class="col-xs-12 col-md-8 col-sm-offset-1 foot-text">
          <div class="row">
            <div class="hidden-xs col-sm-2">解决方案</div>
            <div class="hidden-xs col-sm-2">资讯中心</div>
            <div class="hidden-xs col-sm-2">案例展示</div>
            <div class="hidden-xs col-sm-2">了解牛牛豆</div>
          </div>
          <div class="row">
            <div class="col-sm-12">广州市海珠区广州大道南448号财智大厦28楼</div>
            <div class="col-sm-12">广州牛牛豆网络科技有限公司版权所有   Copyright 2009-2015 ,All Rights Reserved wengdo</div>
          </div>
          <div class="row">
            <div class="col-sm-8">
              粤ICP备12022584号-3       法律顾问：广东晟晨律师事务所-张勇律师
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
<script src="js/jquery-3.4.1.min.js"></script>
<script src="lib/bootstrap/js/bootstrap.min.js"></script>

</html>